<template>
	<div id="pay_footer">
		合计：<span class="colored">￥{{price}}</span>
		<span class="fr pay" @click="$emit('pay')">去付款</span>
	</div>
</template>
<script>
export default{
	name:'PayFooter',
	props: ['price']
}
</script>
<style lang='less' scoped>
#pay_footer{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.44rem;
    line-height: 1.44rem;
    font-size: .42rem;
    padding-left: .4rem;
    background: #fff;
	.pay{
		width: 3.2rem;
		background: #fb4a4a;
		color: #fff;
		text-align: center;
	}
}
</style>